<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border-style 样式</title>
<style type="text/css">
.d1 {border-style:none;}
.d2 {border-style:solid;}
.d3 {border-style:dotted;}
.d4 {border-style:dashed;}
.d5 {border-style:double;}
.d6 {border-style:groove;}
.d7 {border-style:ridge;}
.d8 {border-style:inset;}
.d9 {border-style:outset;}
</style>
</head>
<body>
来着 <a href="http://www.blabla.cn/css_examples/020_css_border_style.html">边框风格(border-style)</a>
<br>
<div>这个div的CSS边框风格(border-style)属性缺省值是none。</div>
<br>
<div class = "d1">这个div的CSS边框风格(border-style)属性是none。</div>
<br>
<div class = "d2">这个div的CSS边框风格(border-style)属性是solid。定义实线。</div>
<br>
<div class = "d3">这个div的CSS边框风格(border-style)属性是dotted。定义点状边框。</div>
<br>
<div class = "d4">这个div的CSS边框风格(border-style)属性是dashed。定义虚线。</div>
<br>
<div class = "d5">这个div的CSS边框风格(border-style)属性是double。定义双线。</div>
<br>
<div class = "d6">这个div的CSS边框风格(border-style)属性是groove。定义 3D 凹槽边框。其效果取决于 border-color 的值。</div>
<br>
<div class = "d7">这个div的CSS边框风格(border-style)属性是ridge。定义 3D 垄状边框。其效果取决于 border-color 的值。</div>
<br>
<div class = "d8">这个div的CSS边框风格(border-style)属性是inset。定义 3D inset 边框。其效果取决于 border-color 的值。</div>
<br>
<div class = "d9">这个div的CSS边框风格(border-style)属性是outset。定义 3D outset 边框。其效果取决于 border-color 的值。</div>
<br>



</body>
</html>